html{
    font-size: 100px;
}
body{
    background-color: darkgray;
    margin: 0rem;
    padding: 0;
    padding: 0px;

}
header{
    list-style-type: none;
    margin: 0rem .02rem;
    height: 0.5rem;
    background-color: white

}
.media-body{

    background-color: white;

}
.jumbotron {
    background-image: url("../picture/webp.jpg");
    background-padding: center center;
    color: #31b0d5;

    box-shadow: #5cb85c;
    position: relative;
    background-repeat:  no-repeat;
    background-size: 100%;
    margin: 0;
}
.left{

    display: block;
}
.context{

    position: center;
    padding: 0.15rem 1.5rem;
}
#message{
    position: revert;

}
.main-index{
    line-height: 0.4rem;
}
.like,.up,.down{
    padding: 0rem;
    margin: 0rem 0 0 0.01rem;
}
.QQ{
    position: fixed;
    margin-left: 0rem;
    margin-top: 4rem;

}
.QQ-img{
    /*
    height: 1rem; width: 1rem;font-size: .2rem;background-size: 50%;
    */
}
footer{
    height: 1rem;
    align-content: center;
    text-align: center;
    font-size: .1rem;
    background-color: rgba(50, 49, 41, 0.31);
    color: white;
}
.modal-footer{
    color: blanchedalmond;
    size: 0.1rem;
    margin-bottom: 1rem;
}
.foot-span{
    line-height: 0.1rem;
}
.attention{
    color: rgb(212, 106, 64);
}
/*校园热点*/
.hot:hover{
    background-color: dodgerblue;
}

/*点赞样式*/
.up,.down{
    display: inline-block;
    border: none;

}
